/* $datepicker
 ------------------------------------------*/

.datepicker.dropdown-menu {
  display: none;
  .opacity(1);
  visibility: visible;
  .rounded(@border-radius-base);
  font-size: @font-size-base;
  border-color: @border-color;
  .box-shadow(0px 1px 1px fade(@border-color, 30%));
  padding: @padding-base;
}

.datepicker-inline {
  border: 1px solid @border-color;
}

.datepicker {
  .rounded(@border-radius-base);
  &-dropdown {
    display: none;
    .opacity(1);
    visibility: visible;
    .rounded(@border-radius-base);
    font-size: @font-size-base;
    border-color: @border-color;
    .box-shadow(0px 1px 1px fade(@border-color, 30%));
    padding: @padding-base;
    &:before {
      border-bottom-color: @border-color;
      border-bottom-color: rgba(0, 0, 0, .2);
    }
    &.datepicker-orient-bottom:before {
      border-top-color: @border-color;
    }
  }
  table {
    tr {
      td, th {
        .rounded(@border-radius-base);
      }
    }
  }
  table tr td {
    &.active, &.active:hover, &.active.disabled, &.active.disabled:hover {
      position: relative;
      .button-variant(@btn-primary-color, @btn-primary-bg, @btn-primary-border);
      text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    }
    span {
      .rounded(@border-radius-base);
      &.active, &.active:hover, &.active.disabled, &.active.disabled:hover {
        position: relative;
        .button-variant(@btn-primary-color, @btn-primary-bg, @btn-primary-border);
        text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
      }
    }
  }
}

.input-daterange {
  input:first-child {
    border-radius: @border-radius-base 0 0 @border-radius-base;
  }
  input:last-child {
    border-radius: 0 @border-radius-base @border-radius-base 0;
  }
  .input-group-addon {
    background-color: @input-group-addon-bg;
    border: solid @input-group-addon-border-color;
  }
}
